<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>图文列表-红河县党建网</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/list.css" />

	</head>

	<body>
		<div id="header_wrapper">
			<header>
				<div class="container">
					<div id="logo">
						<h1><a href="index.html"><img src="images/logo.jpg" alt="首页"/></a></h1>
					</div>
					<div id="search">
						<form action="###">
							<input type="text" placeholder="信息检索">
							<input type="submit" value="搜索" />

						</form>
					</div>
				</div>
				<div id="nav">
					<nav class="container">
						<ul>
							<li class="active"><a href="###">网站首页</a></li>
							<li>
								<a href="###">党建要闻</a></li>
							<li><a href="###">通知公告</a></li>
							<li>
								<a href="###">股份合作经济</a></li>
							<li>
								<a href="###">走进组织部</a></li>
							<li>
								<a href="###">关于我们</a></li>
						</ul>
					</nav>
				</div>
			</header>

		</div>
		<div id="body_wrapper" class="container">
			<article>
				<header>
					<h2 class="plist_title">你现在的位置:图片列表页</h2>
				</header>
				<section class="pic_list">
					<ul>
						<li>
							<a href="content.html"><img src="images/products/1.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/2.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/3.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/4.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/5.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/6.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/7.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/1.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/2.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/3.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/4.jpg" /></a><a href="content.html">这里是标题</a></li>
						<li>
							<a href="content.html"><img src="images/products/7.jpg" /></a><a href="content.html">这里是标题</a></li>
					</ul>
				</section>
				<section class="listnav">
					<ul>
						<li><a href="###">1</a></li>
						<li class="on"><a href="###">2</a></li>
						<li><a href="###">3</a></li>
						<li><a href="###">4</a></li>
						<li><a href="###">下一页</a></li>
						<li><a href="###">最后一页</a></li>

					</ul>
				</section>
			</article>
			<aside>
				<div class="hotlist"><h3>热点要闻</h3></div>
			</aside>
		</div>
		<div id="footer_wrapper">
			<footer class="container">
				<ul>
					<li><a href="###">版权信息</a></li>
					<li><a href="###">站点地图</a></li>
					<li><a href="###">闻系我们</a></li>
				</ul>
				<p class="copyright">
					@2016 HHXDJW.COM &nbsp;&nbsp;&nbsp;滇ICP备14001473号
				</p>
			</footer>

		</div>

	</body>

</html>